<script>
    // 1. new 一个 XMLHttpRequest
    // const xhr = new XMLHttpRequest()
    // // 2. 设置请求方式和地址
    // xhr.open('get', 'http://ajax-api.itheima.net/api/province')
    // // 3. 发送
    // xhr.send()
    // // 4. 监听load事件，取到服务器回来的数据
    // xhr.addEventListener('load', () => {
    //     console.log(xhr.response) // JSON字符串
    //     console.log(JSON.parse(xhr.response))
    // })
</script>
<script>
    function myAxios({url, method="GET"}){
        // console.log(url, method)
        const xhr = new XMLHttpRequest()
        xhr.open(method, url)
        xhr.send()
        const p = new Promise((resolve, reject) => {
            // 填入你的代码
            xhr.addEventListener('load', () => {
                console.dir(xhr)
                // xhr.status 就是状态码
                if(xhr.status >= 200 && xhr.status < 400){
                    resolve(JSON.parse(xhr.response))
                } else {
                    reject(xhr.response)
                }
                // console.log('服务器的响应结果', xhr.response) // JSON字符串
                // console.log(JSON.parse(xhr.response))
            })
        })
        return p
    }
    myAxios({
        url: 'http://ajax-api.itheima.net/api/province',
        // method: 'GET'
    }).then(res => {
        console.log('then', res)
    }).catch(err => {
        console.log('err', err)
    })
</script>